/*主页面样式*/
.bodyWrap{
    background: url("images/bg.png") no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
}
.bodyWrap .head {
    position:relative;
    height: 7rem;
}
.bodyWrap .backPic {
    position: absolute;
    background: url("images/leftPic.png") no-repeat;
    background-size: 0.9rem 0.9rem;
    z-index: 3;
    width: 2rem;
    height: 2rem;
    background-position: 0.5rem 0.6rem;
}
.bodyWrap .head > .headPic{
    height: 7rem;
    width: 12rem;
}
.bodyWrap .headPic>img{
    width: 100%;
}
.bodyWrap .headPic2>img{
    margin-top: 2.14rem;
    margin-left: 1rem;
}
/*导航条*/
.bodyWrap .guild{
    width: 10rem;
    height: 1.1rem;
    background-color: #A86DA3;
    border: 2px solid #67018D;
    border-radius: 3rem;
    color: white;
    margin: 0 auto;
    font-size: 0.5rem;
}
.bodyWrap .guildContent{
    line-height: 1.1rem;
    float: left;
    padding-left: 0.7rem;
}
.bodyWrap .guildPic{
    line-height: 1.1rem;
    float: left;
}
.bodyWrap .guildPic img{
    vertical-align: middle;
    margin-top: -0.1rem;
    margin-left: 0.3rem;
}
.bodyWrap .reminder{
    font-size: 0.6rem;
    color: rgba(103, 28, 2, 0.71);
    text-align: center;
    margin: 0.4rem 0;
}
/*任务按钮*/
.bodyWrap .task{
    position: relative;
    height: 1.8rem;

}
.bodyWrap .taskBtn{
    background-color: #FFD983;
    width: 5rem;
    height: 1.8rem;
    border-radius: 3.5rem;
    position: absolute;
    z-index: 1;
    margin-left: 0.9rem;

}
.bodyWrap .taskBtn1{
    background-color: #FF551F;
    width: 4.6rem;
    height: 1.4rem;
    border-radius: 3.5rem;
    margin-top: 0.22rem;
    margin-left: 0.22rem;
    position: absolute;
    z-index: 2;
}
.bodyWrap .taskBtn2{
    background-color: #FFC20E;
    width: 4.5rem;
    height: 1.4rem;
    border-radius: 3.5rem;
    margin-left: 0.25rem;
    position: absolute;
    z-index: 3;
    text-align: center;
}
.bodyWrap .doTask {
    font-size: 0.7rem;
    color: #671C02;
    line-height: 1.4rem;
}

.bodyWrap .record{
    position: absolute;
}
.bodyWrap .recordBtn{
    background-color: #FFC20E;
    width: 4rem;
    height: 1.3rem;
    border-radius: 3.5rem;
    text-align: center;
    margin-left: 6.8rem;
    margin-top:0.2rem;
    line-height: 1.3rem;
    font-size: 0.6rem;
    color: #671C02;
}

.bodyWrap .contentPic{
    margin: 0 auto;
    height: 8.5rem;
}
.bodyWrap .midContent > .Content {
    float: left;
    margin: 0.4rem 0 0 0.5rem;
    /*background-color:rgba(0,0,0,0.3);*/
    /*z-index: 4;*/
}

.bodyWrap .midContent .Content_Pic{
    width: 5.3rem;
    height: 3.3rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.activityPic img{
    width: 5.3rem;
    height: 3.3rem;
    background: rgba(132, 125, 125, 0.5);
    /* border-radius: 0.2rem; */
    border-top-right-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
}
.bodyWrap .midleft{
    margin:0 0.3rem 0.3rem 0.3rem;
}
.bodyWrap .Mid{
    width: 5.3rem;
    height:2rem;
    background: #FFE8B2;
    line-height: 0.65rem;
    font-size:0.42rem
}
.bodyWrap .Bottom {
    width: 5.3rem;
    height: 1rem;
    background: #DDAA3D;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    text-align: center;
    font-size: 0.47rem;
    color: white;
    line-height:1rem
}

.bodyWrap .draw_btn{
    width: 4.5rem;
    height: 1.2rem;
    color: #FFF5DB;
    border: 0.1rem solid #671C02;
    border-radius: 1rem;
    text-align: center;
    margin-left: 0.2rem;
    margin-top: 0.5rem;
    line-height: 0.9rem;
}
.bodyWrap .draw_btn span{
    font-size: 0.6rem;
    color: #671C02;
}
/*机会用完弹出框*/
.continueTask_out{
    position: fixed;
    z-index: 4;
    top: 2rem;
    left: 0.8rem;
}
.continueTask{
    width: 10.5rem;
    height: 16rem;
    background: #FFF5DB;
    border: 2px solid #FFAE0B;
    border-radius: 0.3rem;
}
.mainHideOption{
    width:12rem;
    height: 38rem;
    background: #332F2F;
    position: fixed;
    top: -16rem;
    opacity: 0.6;
    z-index: 1;
    display: none;
}

.continueTask .fontContent{
    font-size: 0.44rem;
    color: #947554;
    text-align: center;
    line-height: 0.75rem;
    position:absolute;
    top:1rem;
    left:0.4rem;
}
.continueTask .wordContent{
    font-size: 0.65rem;
    font-weight: bold;
    color: #671C02;
}
.continueTask .word{
    color: red;
    text-align: center;
}
.continueTask h3{
    font-size: 0.53rem;
    color: #947554;
    text-align: center;
    margin:0.3rem auto;
}
.continueTask .taskBtn{
    position: absolute;
    margin-left: 1.3rem;
    margin-top: 8.1rem;
}
.continueTask .recordBtn{
    position: absolute;
    margin-left: 5.8rem;
    margin-top: 8.3rem;
}
.continueTask .recommendBox {
    width: 9rem;
    height: 4rem;
    background-color: #F5E4B9;
    margin: 10rem auto;
    border-radius: 0.3rem;
}
.continueTask .ct_invitate{
    font-size: 0.6rem;
    margin-left: -1rem;
    color: #6b4023;
    position: relative;
    top: -0.7rem;
    left: -2.5rem;
}
.continueTask .footerPic {
    float: left;
}
.continueTask .bot-fel-mend{
    font-size: 0.5rem;
    color: #624220;
    position: absolute;
    top: 11.7rem;
    left: 2.5rem;
}
.continueTask .bot-fel-recomm{
    font-size: 0.45rem;
    position: relative;
    top: 1.2rem;
    left: 1.8rem;
    color: #947554;
    width: 10rem;
}
.continueTask .recommend{
    width: 8rem;
    height: 1.1rem;
    background-color: #29CFBD;
    color: white;
    margin-top: 1.7rem;
    margin-left: 0.5rem;
    border-radius: 3rem;
    font-size: 0.7rem;
    line-height: 1.1rem;
}
.recommend span{
    position: relative;
    left: 1.3rem;
}
.continueTask #guideReCodeNo{
    width: 3.5rem;
    font-size: 0.7rem;
    position: relative;
    top: -1.1rem;
    left: 3.8rem;
}
.activityOver{
    position: fixed;
    z-index: 41;
    top: 4rem;
    left: 1.2rem;
}
.mainpage_float{
    width: 9.5rem;
    height: 11rem;
    background-color: #FFF5DA;
    border: 5px solid #E8AE0B;
    border-radius: 0.3rem;
}
.mainpage_title{
    margin-top: -2rem;
    margin-left: 0.3rem;
}
.mainpage_close{
    position: absolute;
    background: url("images/close.png") no-repeat;
    background-size: 0.9rem 0.9rem;
    width: 2rem;
    height: 2rem;
    top: 0.5rem;
    left: 8.4rem;
}
.mainpage_over{
    margin-top: 0.4rem;
    text-align: center;
    font-size: 0.8rem;
    word-spacing: 0.5rem;
    color: #624220;
    line-height: 1.2rem;
}

.activity_over{
    position: fixed;
    z-index: 41;
    top: 4rem;
    left: 0.4rem;
    text-align: center;
}
#prizeList span {
    margin: 0 0.5rem;
}
